/* 基础样式  */
/*  尺寸14*14  */
.hcheckbox, .hradio{
    position: relative;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: middle;
    margin: -2px 0 1px;
    width: 14px;
    height: 14px;
    border: 1px solid #e5e5e5;
}
.hcheckbox input[type="checkbox"], .hradio input[type="radio"]{
    position: absolute;
    top: -20%;
    left: -20%;
    width: 140%;
    height: 140%;
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
    opacity: 0;
    filter: alpha(opacity: 0);
    cursor: pointer;
}
.hcheckbox.checked:before, .hradio.checked:before{
    position: absolute;
    left: -1px;
    top: -1px;
    width: 14px;
    height: 14px;
    line-height: 14px;
    text-align: center;
    display: block;
    content: "\2714";
    font-size: 12px;
    color: #fff;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
}
.hcheckbox input[type="checkbox"]:disabled, .hradio input[type="radio"]:disabled{
    cursor: not-allowed;
}

.hradio{
    border-radius: 50%;
}

/*  hover checked disable 几种样式  */
.hcheckbox.hover, .hradio.hover{
    border-color: #6876da;
}
.hcheckbox.checked, .hradio.checked{
    background: #6876da;
    border-color: #6876da;
}
.hcheckbox.checked.disabled, .hradio.checked.disabled{
    background: #8593df;
    border-color: #8593df;
}
.hcheckbox.disabled, .hradio.disabled{
    border-color: #bbb;
}

